<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <!--老孙，如页面需要响应式开发，替换 *-xs-* 为 *-md-* ，具体可参考 http://v3.bootcss.com/getting-started/ 搜索 ‘禁止响应式布局’  -->
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <title>商标网测试页</title>

    <!-- Bootstrap -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!--自建css文件-->
    <link rel="stylesheet"href="__STATIC__/index/css/cmgd.css">

</head>
<body>
<div class="container">
    <div class="page-header">
        <h1>湖州商标转让网<small> 湖州知辉</small></h1>
    </div>
</div>
<!-- 导航 -->
<nav class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#sb">商标</a></li>
                <li><a href="#zl">专利</a></li>
                <li><a href="#zl">公司注册</a></li>
                <li><a href="#zl">案例</a></li>
                <li><a href="#zl">联系我们</a></li>
            </ul>
            <ul class="nav navbar-text navbar-right">
                <li>0572-88888888</li>
            </ul>
        </div>
    </div>
</nav>



<div class="container">
    <div class="alert alert-warning" role="alert">后台可设置一句话，做警示语用</div>
    <div class="row">
        <div class="col-xs-8">
            <!--轮播图-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="https://img.alicdn.com/tps/i4/TB1J4kMPFXXXXXuaXXXSutbFXXX.jpg_q100.jpg_.webp" alt="First slide">
            </div>
            <div class="item">
                <img src="https://img.alicdn.com/tps/TB1W803PVXXXXXIXpXXXXXXXXXX-1130-500.jpg_q100.jpg_.webp" alt="Second slide">
            </div>
            <div class="item">
                <img src="https://img.alicdn.com/tps/i4/TB16iNpPVXXXXXMXFXXSutbFXXX.jpg_q100.jpg_.webp" alt="Third slide">
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">上一页</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">下一页</span>
        </a>
    </div>
        </div>
        <div class="col-xs-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-folder-open"></i> 商标分类</h3>
                </div>
                <div class="panel-body">
                    <div class="cmgd_name">
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料 /</span>
                        <span>01化工原料</span>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--中间三列的排版面，row-->
    <div class="row">
        <div class="col-xs-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-user"></i> 关于我们</h3>
                </div>
                <div class="panel-body">
                    <p>商标公司的简介商标公司的简介商标公司的简介商标公司的简介商标公司的简介商标公司的简介</p>
                    <address>
                        <strong><p><i class="glyphicon glyphicon-earphone"></i> ： 0572-8888888</p></strong>
                        <p><i class="glyphicon glyphicon-envelope"></i> ：<a href="mailto:#">email@hzhus.com</a></p>
                        <p><img src="https://www.xspcf.com/img/qrcode/APP.png" alt="公众号二维码" class="img-rounded"></p>
                    </address>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-search"></i> 商标搜索</h3>
                </div>
                <div class="panel-body">

                    <div class="input-group">
                        <span class="input-group-addon" >商标类型：</span>
                        <button class="btn btn-default dropdown-toggle btn-sm" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            全部类型
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="#">01化工原料</a></li>
                            <li><a href="#">02化工原料</a></li>
                            <li><a href="#">03化工原料</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">05化工原料</a></li>
                        </ul>
                    </div>

                    <div class="input-group input-group-sm">
                        <span class="input-group-addon " id="basic-addon1">注册号：</span>
                        <input type="text" class="form-control" placeholder="商标注册号" aria-describedby="basic-addon1">
                    </div>

                    <div class="input-group input-group-sm">
                        <span class="input-group-addon " id="basic-addon2">商标名称：</span>
                        <input type="text" class="form-control" placeholder="商标名称" aria-describedby="basic-addon2">
                    </div>

                    <div class="input-group input-group-sm">
                        <span class="input-group-addon " id="basic-addon3">群组或商品：</span>
                        <input type="text" class="form-control" placeholder="群组或商品" aria-describedby="basic-addon3">
                    </div>



                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="glyphicon glyphicon-home"></i> 服务中心</h3>
            </div>
            <div class="panel-body">
                事实上
            </div>
        </div></div>
    </div>


    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-arrow-up"></i> 最新上传商标</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <!--开始商标循环，循环8个-->
                <div class="col-xs-3">
                    <div class="thumbnail">
                        <img src="http://027sbw.com/uploadfile/linkimg/161125/104610872.gif" alt="商标名称">
                        <div class="caption">
                            <p>商标名称</p>
                        </div>
                    </div>
                </div>
                <!--结束商标循环-->
            </div>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-book"></i> 自有商标</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <!--开始商标循环，循环8个-->
                <div class="col-xs-3">
                    <div class="thumbnail">
                        <img src="http://027sbw.com/uploadfile/linkimg/161125/104610872.gif" alt="商标名称">
                        <div class="caption">
                            <p>商标名称</p>
                        </div>
                    </div>
                </div>
                <!--结束商标循环-->
            </div>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-star"></i> 推荐商标</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <!--开始商标循环，循环8个-->
                <div class="col-xs-3">
                    <div class="thumbnail">
                        <img src="http://027sbw.com/uploadfile/linkimg/161125/104610872.gif" alt="商标名称">
                        <div class="caption">
                            <p>商标名称</p>
                        </div>
                    </div>
                </div>
                <!--结束商标循环-->
            </div>
        </div>
    </div>

    <!--x文章类-->
    <div class="row">
        <div class="col-xs-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-blackboard"></i> 产业新闻 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <!--文章循环开始，10篇-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>
                        <!--文章循环结束-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-book"></i> 法律法规<div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <!--文章循环开始，10篇-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>
                        <!--文章循环结束-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-duplicate"></i> 案例 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <!--文章循环开始，10篇-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>
                        <!--文章循环结束-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-comment"></i> 商标问问 <div class="pull-right"><i class="glyphicon glyphicon-option-horizontal"></i></div></h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <!--文章循环开始，10篇-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>
                        <!--文章循环结束-->
                        <a href="#">
                            <div class="col-xs-9">新闻一</div>
                            <div class="col-xs-3">2017-02-14</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--主体结束-->

<nav class="navbar navbar-default navbar-static-top" style="display:none;">
    <div class="container">
        <div class="navbar-header">
        </div>
    </div>
</nav>

<footer class="footer">
    <div class="container">
        <ul class="footer-links">
            <li><a href="#">啊啊啊啊啊</a></li>
            <li><a href="#">巴巴巴巴巴</a></li>
            <li><a href="#">吃吃吃吃吃</a></li>
            <li><a href="#">大刀的大刀</a></li>
        </ul>
        <p>公司地址：</p>
        <p>备案号：</p>
        <p>cnzz，密码cmgd1234，上线前注销。
            <script src="http://s11.cnzz.com/stat.php?id=1261416525&web_id=1261416525" language="JavaScript"></script></p>
    </div>
</footer>


<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>